<template>
  <div class="about">
      <li v-for="item in arr">{{ item }}</li>
      我的conut的数值是：{{ count }} <br>
      <button @click="getCount">点击我对count++</button>
  </div>
</template>
<script setup>
import { ref } from 'vue';

//组合式api
//因为 vue3中使用组合api 需要做响应式操作 如果没有发生变化就不需要响应式
let arr=["春天", "夏天", "秋天", "冬天"]
var count =ref(0)

//创建一个函数 也叫方法
function getCount() { 
  //ref赋值的方式是 .value 
  this.count.value++
}


</script>
